import React from "react"
import SyntaxHighlighter from '@/components/SyntaxHighlighter'

const code = `
  export default React.memo(function MyComponents({ value }) {
    alert('Render:', value)

    return (
      <div>
        { value }
      </div>
    )
  })
`

export default React.memo(function MyComponents({ value }) {
  alert('Render:', value)

  return (
    <div>
      { value }

      <SyntaxHighlighter children={code} />
    </div>
  )
}, (prevProps, nextProps) => prevProps.value === nextProps.value)
